<script setup lang="ts">
import { onMounted } from 'vue';
import './lib/map.js'
// ccba64b0903638f7a6b043b4e268f1e4	a5d4d448f988c9949dc0b72155a27283


onMounted(() => {
  window._AMapSecurityConfig = {
    securityJsCode: 'a5d4d448f988c9949dc0b72155a27283',
  }

  AMapLoader.load({
    key: 'ccba64b0903638f7a6b043b4e268f1e4',
    version: '2.0',
  })
    .then(AMap => {
      // 地图初始化需要设置基本的地图图层，本例展示北京以天安门为中心的11级地图视野。
      const map = new AMap.Map('mapContainer')
      const marker = new AMap.Marker({
        position: [116.39, 39.9], //位置
      })
      map.add(marker) //添加到地图
    })
    .catch(e => {
      console.error(e) //加载错误提示
    })
});
</script>

<template>
<div id="mapContainer" style="width: 100vw; height: 100vh"></div>
</template>

<style scoped>
</style>
